/*
 * @主色: 28b6f6
 */
@charset "utf-8";

/*
	四大优势
 */
.sect-borrad{
	border-top-left-radius: 10vw;
	border-bottom-right-radius: 15vw;
	background: url(../img/bg-line.jpg);
	margin-top: -9%;position: relative;
	z-index: 100;overflow: hidden;
}

.sect-youshi{padding: 4% 6%;text-align: center;}
.sect-youshi .span-box{display: inline-block;width: 17%;padding: 0 1%;}
.sect-youshi .span-box:nth-child(even) .box{background: #c6c6c6}
.sect-youshi .span-box:nth-child(odd) .box{background: #a2a2a2}
.sect-youshi .span-box .box{padding: 10% 0;border-radius: 12px;}
.sect-youshi .span-box .box p{font-size: 24px;line-height: 70px;color: #fff;text-align: center;vertical-align: middle;}
.sect-youshi .span-box .box i{display: inline-block;padding-left: 8px;font-size: 48px;}
.sect-youshi .span-box .box p span,.sect-youshi .box p i{vertical-align: middle;}

.sect-youshi img{
	max-width: 55px;
}
/*
	about
 */
.sect-about{background: #fff url(../img/bg-about.jpg) bottom center no-repeat;padding-bottom: 26%;padding-top: 1%; background-size: 100% auto;}
.about{background: rgba(255,255,255,.8);border-radius: 30px; padding: 4%;box-shadow: 0 0 16px 10px rgba(255,255,255,.8);font-size: 16px;line-height: 30px;margin-top: 3%;}

.about a{
	display: block;
	width: 200px;
	margin: 50px auto;
	color: #ff5c5c;
	text-align: center;
}
/*
	student
 */

.student{padding-top: 3vw;}
.student .stu-box{float: left;width: calc(33.333% - 16px);padding: 8px;}
/* .student .stu-box:first-child{width: 64.666%} */
.student .stu-box .box{
	display: block;border-radius: 1vw;overflow: hidden;position: relative;
	box-shadow: 0 0 16px 10px rgba(162,162,162,.2);
}


.student .stu-box .box .mask{
	position: absolute;left: 0;top: 0;
	width: 6vw;height: 6vw;border-top-left-radius: 1vw;border-bottom-right-radius: 1vw;
	background: rgba(162,162,162);font-size: .8vw;
	line-height: 1.2vw;color: #fff;text-align: center;box-sizing: border-box;padding: 0 1%;
}
.student .stu-box .box .mask:after{content: '';position: absolute;display: block;left: 4%;top: 4%;right: 4%;bottom: 4%;border: transparent 1px solid;border-radius: 1vw;}
.student .stu-box .box:hover .mask{background: rgba(162,162,162,.6);width: 100%;height: 100%;border-radius: 1vw;}
.student .stu-box .box:hover .mask:after{border-color: #fff;}
.student .stu-box .box:hover .mask span{font-size: 1.5vw;line-height: 2.4vw;font-weight: bold;}


/*
	优势
 */
.sect-advt{
	background: rgba(162,162,162) url(../img/sect-advt.jpg) center center no-repeat;
}

.sect-advt .icon{
	margin: 20% 30%;
	border-top-right-radius: 3vw;
	border-bottom-left-radius: 3vw;
	/* box-shadow: 0 6px 13px 4px rgba(0,147,187,.7); */
	text-align: center; overflow: hidden;
	background-color: #a2a2a2;
	height: 225px;
	line-height: 185px;
	
}
.sect-advt .icon img{ height: 100%; width: 100%;}
.sect-advt .icon i{font-size: 5vw;color: #fff; display: block; line-height: 0;}
.sect-advt .icon p{ max-width: 100%;}
.sect-advt .txt{color: #1d1d1d;}
.sect-advt .txt{position: relative;z-index: 1;margin-top: 5%;}
.sect-advt .txt:after{position: absolute;z-index: -1;right: 0;top: 0;font-size: 15vw;color: rgba(255,255,255,.1);font-weight: bold;}
.sect-advt .txt.num1:after{content: '01'}
.sect-advt .txt.num2:after{content: '02'}
.sect-advt .txt.num3:after{content: '03'}
.sect-advt .txt i{font-size: 2vw;}
.sect-advt .txt strong{display: block;font-size: 30px;line-height: 36px;padding: 40px 0 10px;}
.sect-advt .txt p{font-size: 15px;line-height: 30px;padding-right: 20%;}
.advt-pagination .swiper-pagination-bullet{background: transparent;border:#fff 2px solid;opacity: 1}
.advt-pagination .swiper-pagination-bullet-active{background: #fff;}
.advt-prev,.advt-next{width: 8%;height: 100%;background-color: rgba(0,0,0,.1);top: 0;margin-top: 0;}
.advt-prev:hover,.advt-next:hover{background-color: rgba(0,0,0,.4);}
.advt-prev{left: 0;}
.advt-next{right: 0;}


.js-respimg{
	text-align: center;
	margin: auto;
	height: 338px;
}

/*
	资质荣誉
 */
.sect-honor{background: url(../img/bg-line.jpg);border-bottom-right-radius: 10vw;}
.honor{padding-top: 2vw;}
.honor .box{display: block;margin: 6%;border-bottom: #ebebeb 1px solid;position: relative;z-index: 1;}
.honor .box:after{content: '';display: block;width: 120%;height: 95%;position: absolute;left: -10%;bottom: 0;background: url(../img/bg-jianbian.jpg) repeat-x;background-size: auto 100%;border-top-right-radius: 5vw;border-bottom-left-radius: 5vw;opacity: 0;z-index: -1}
.honor .box .bgimg{position: absolute;left: 0;top: 10%;right: 0;padding-top: 68.75%;}
.honor .box p{font-size: 16px;line-height: 24px;height: 48px;overflow: hidden;padding-right: 10%;
	-webkit-transform: translateY(-160%);
-ms-transform: translateY(-160%);
-o-transform: translateY(-160%);
transform: translateY(-160%);}
.honor .box:hover:after{opacity: 1;}
.honor .box:hover .bgimg{top: 0;padding-top: 90%;}
.honor .box:hover p{color: #fff;-webkit-transform: translateY(-60%);
-ms-transform: translateY(-60%);
-o-transform: translateY(-60%);
transform: translateY(-60%);}


/*
	news
 */
.sect-news{}
.news{padding-top: 4vw;}
.pic-news{border-top-right-radius: 3vw;border-bottom-left-radius: 3vw;overflow: hidden;}
.pic-news img{width: 100%;}
.news-box{padding: 4% 0;color: #666;}
.news-box span{font-size: 24px;line-height: 36px;color: #232323;height: 36px;overflow: hidden;display: block;}
.news-box p{font-size: 16px;line-height: 30px;}
.news-box p.u{height: 30px;overflow: hidden;margin-bottom: 10px;}
.news-box p.d{height: 90px;overflow: hidden;}
.news-box .contbox{padding-top: 4%;border-top: #dfdfdf 1px solid;padding-bottom: 2%;display: none;}
.news-box a{font-size: 14px;line-height: 24px;}
.news-box a:hover{color: #28b6f6}
.news .news-box:first-child .contbox{display: block;}